<template>
  <view class="box">
    <baseHead
      :showReturn="true"
      title="视频"
      bg="#fff"
      color="#000"
      :right="false"
    ></baseHead>
    <view class="container">
      <video
        style="width: 100%; height: 99%"
        direction="90"
        controls
        enable-play-gesture
        autoplay
        loop="loop"
        id="myVideo"
        :src="URL + urlds"
        v-if="urlds"
      ></video>
    </view>
  </view>
</template>

<script>
import baseHead from "@/pages/component/baseHead.vue";

export default {
  data() {
    return {
      URL: "",
      urlds: "",
    };
  },
  //子组件
  components: {
    baseHead,
  },
  onLoad(e) {
    this.urlds = JSON.parse(e.item);
    this.URL = this.$config.domain.staticUrl;
    console.log(this.URL, this.urlds);
  },
};
</script>

<style lang="scss" scoped>
.box {
  width: 100%;
  height: 100vh;
  background-color: black;

  .container {
    width: 100%;
    height: 87%;
    display: flex;
    align-items: center;
  }
}
</style>